<!DOCTYPE html>
<html lang="en">
  <head>
    <title>  Reference</title>
    <link rel="stylesheet" type="text/css" href="css/jazzy.css" />
    <link rel="stylesheet" type="text/css" href="css/highlight.css" />
    <meta charset='utf-8'>
    <script src="js/jquery.min.js" defer></script>
    <script src="js/jazzy.js" defer></script>
    
    <script src="js/lunr.min.js" defer></script>
    <script src="js/typeahead.jquery.js" defer></script>
    <script src="js/jazzy.search.js" defer></script>
  </head>
  <body>
    <a title="  Reference"></a>
    <header>
      <div class="content-wrapper">
        <p><a href="index.html"> Docs</a> (27% documented)</p>
        <p class="header-right"><a href="https://github.com/jjkaufman/SwiftProcessing"><img src="img/gh.png"/>View on GitHub</a></p>
        <p class="header-right">
          <form role="search" action="search.json">
            <input type="text" placeholder="Search documentation" data-typeahead>
          </form>
        </p>
      </div>
    </header>
    <div class="content-wrapper">
      <p id="breadcrumbs">
        <a href="index.html"> Reference</a>
        <img id="carat" src="img/carat.png" />
          Reference
      </p>
    </div>
    <div class="content-wrapper">
      <nav class="sidebar">
        <ul class="nav-groups">
          <li class="nav-group-name">
            <a href="Drawing.html">Drawing</a>
            <ul class="nav-group-tasks">
              <li class="nav-group-task">
                <a href="Protocols/Shapes.html">Shapes</a>
              </li>
              <li class="nav-group-task">
                <a href="Protocols/Attributes.html">Attributes</a>
              </li>
            </ul>
          </li>
          <li class="nav-group-name">
            <a href="Math.html">Math</a>
            <ul class="nav-group-tasks">
              <li class="nav-group-task">
                <a href="Protocols/Calculation.html">Calculation</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
      <article class="main-content">
        <section>
          <section class="section">
            
            <h1 id='swiftprocessing' class='heading'>SwiftProcessing</h1>

<p>Welcome to the beautiful world of Swift Processing. </p>

<p>Swift Processing is being developed to enable students, artists, designers, and programmers of all skill levels to create creative iOS App and Augmented Reality experiences. </p>
<h2 id='video-guide' class='heading'>Video Guide</h2>

<p><a href="https://www.youtube.com/watch?v=vAjp61gQHoE">https://www.youtube.com/watch?v=vAjp61gQHoE</a></p>
<h2 id='installation-guide' class='heading'>Installation Guide</h2>

<ol>
<li>Install Xcode through the App Store</li>
<li>Open Terminal (press Command + Space and type in terminal)</li>
<li>Download and install the Swift Processing Xcode project template by copying and pasting the following into the terminal.
<code>
curl -LO https://github.com/jjkaufman/SwiftProcessingProjectTemplate/archive/master.zip
unzip master.zip
cp -R SwiftProcessingProjectTemplate-master/ ~/Library/Developer/Xcode/Templates
</code></li>
</ol>
<h2 id='hello-swift-world-project' class='heading'>Hello Swift World Project</h2>

<ol>
<li><p>Follow the Installation Guide above</p></li>
<li><p>Open Xcode (press Command + Space and type in Xcode)</p></li>
<li><p>On the top toolbar, click File -&gt; New -&gt; Project
<img src="https://i.imgur.com/kuzd2F3.png" width="512"></p></li>
<li><p>Scroll down and select the Swift Processing project template
<img src="https://i.imgur.com/NRDmZu9.png" width="512"></p></li>
<li><p>Type into Product Name &ldquo;HelloSwiftWorld&rdquo; and click next. Select the folder you want the project in. 
<img src="https://i.imgur.com/IV6tRs4.png" width="512"></p></li>
<li><p>Finally, we will need to add the Swift Processing dependency into our project. On the top toolbar, click File -&gt; Swift Packages -&gt; Add Package Dependency 
<img src="https://i.imgur.com/ZnM5qgN.png" width="512"></p></li>
<li><p>Paste in the Swift Processing github link (<a href="https://github.com/jjkaufman/SwiftProcessing">https://github.com/jjkaufman/SwiftProcessing</a>) and click next.
<img src="https://i.imgur.com/s8cU4qc.png" width="512"></p></li>
<li><p>Select the &ldquo;master&rdquo; option on the options screen and click next. On the next page, click finish.
<img src="https://i.imgur.com/0TdyrNm.png" width="512"></p></li>
<li><p>With an iPhone simulator selected, press the play button in the top-left. The iPhone simulator will bootup (be patient) and display a single red circle. Experiment with the MySketch.swift file. Can you get a second red circle to appear in a different location? 
<img src="https://i.imgur.com/gJE95i1.png" width="512">
<img src="https://i.imgur.com/0c4dv8m.png" width="512"></p></li>
</ol>
<h2 id='get-involved' class='heading'>Get Involved</h2>

<p>SwiftProcessing is an open source project. If you&rsquo;d let to get involved, join our slack.</p>

<p><a href="https://join.slack.com/t/swiftprocessing/shared_invite/enQtODE1MTE0ODg2NjI3LTJjZjBmOWVkNzk5NDQ4MWQyNGVhZTA1MmRkYThhMzQ2MTM2NWE3NjYxNDgyMjkzYzQyZGRlZGNhNTcwMGFiOTY">https://join.slack.com/t/swiftprocessing/shared_invite/enQtODE1MTE0ODg2NjI3LTJjZjBmOWVkNzk5NDQ4MWQyNGVhZTA1MmRkYThhMzQ2MTM2NWE3NjYxNDgyMjkzYzQyZGRlZGNhNTcwMGFiOTY</a></p>

          </section>
        </section>
        <section id="footer">
          <p>&copy; 2020 <a class="link" href="https://swiftprocessing.org/" target="_blank" rel="external">Swift Processing</a>. All rights reserved. (Last updated: 2020-10-19)</p>
          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.13.5</a>, a <a class="link" href="https://realm.io" target="_blank" rel="external">Realm</a> project.</p>
        </section>
      </article>
    </div>
  </body>
</div>
</html>
